<script>
var showHeader = !(window.isEmbed && window.isEmbed());
defaultParams.marginTop = showHeader ? 64 : 0;
if (appID == "scientific") {
	defaultParams.marginTop = 112;
}

window.addEventListener("load", function() {
	if (!showHeader) {
		document.getElementById("logoID").parentElement.parentElement.style.display = "none";
	}
	var offline = document.getElementById("logoID").getAttribute("href") == "#";
	if (offline) {
	    document.getElementById("logoID").classList.add("hideButton");
	}

window.ggbHeaderResize = function(event) {
	var elAppPicker = document.getElementById("suiteAppPicker");
	var rectAppPicker = elAppPicker.getBoundingClientRect();
	var rectButtonsLeft = document.getElementById("buttonsID").getBoundingClientRect().left;
	var elExam = document.getElementById("examId");
	var rectExamLeft = elExam ? elExam.getBoundingClientRect().left : 0;
	var overlap = rectAppPicker.right > Math.max(rectButtonsLeft, rectExamLeft);
	elAppPicker.style.visibility = overlap ? "hidden" : "visible";

	var headerAppSide = document.getElementById("logoID").parentElement;
	var headerAppSideRight = headerAppSide.getBoundingClientRect().right;
	var elExamType = document.getElementById("examTypeId");
    var examTypeLeft = elExamType ? elExamType.getBoundingClientRect().left : 0;
	var overlapExam = examTypeLeft < headerAppSideRight;
	if (elExamType) {
	    elExamType.style.visibility = overlapExam ? "hidden" : "visible";
	}
}

window.addEventListener("resize", ggbHeaderResize);

});
</script>
<nav class="GeoGebraFrame GeoGebraHeader <!--APP ID-->Header">
<div class="upperHeader">
<div class="headerStyle" id="headerID">
<div tabindex="4000" class="gwt-ToggleButton flatButtonHeader menuBtn gwt-ToggleButton-up" role="button" aria-expanded="false" data-title="Main Menu" aria-label="Main Menu" aria-pressed="false">
<input type="text" tabindex="-1" aria-hidden="true" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;">
<img class="gwt-Image" src="" width="24" height="24" alt="Main Menu"></div>
<button id="logoID" href="<!--LOGO-LINK-->" class="logoLink"><img alt="GeoGebra" src="" class="gwt-Image headerLogo" draggable="false"></button>
<h1 class="appName" data-trans-key="<!--APP TRANSKEY-->"><!--APP NAME--></h1>
</div>
<div id="suiteAppPicker" ></div>
<div class="buttons" id="buttonsID">
<!--SHARE-BUTTON-->
<!--SIGNIN-BUTTON-->
</div>
</div>
<!--UNDO-REDO-->
</nav>
